Spooky chat: a LocalAlerts custom widget
=========================================

A chat box with name plates over message bubbles that take turns left and right, chibi badges (VIP, tier 1, 2 and 3
subs, mods, you), a little skull or ghost by each name, cobwebs and ghosts drifting up behind the chat.

Add it to LocalAlerts
1. Unzip this folder somewhere it can stay (for example Documents\LocalAlerts widgets\Spooky chat).
2. In LocalAlerts: Widgets -> + New widget -> Custom widget (HTML / CSS / JS).
3. Widget folder -> Choose folder... and pick this folder. Its settings (colours, fonts, sides, bots to hide…) appear right there.
4. It takes its own name and size (480 x 700) from widget.json when you choose the folder.
   Drag it onto your overlay. To change its size, drag the edges of its box on the canvas: it gets more room and
   stays sharp in OBS. (Older versions of LocalAlerts: Look -> Width / Height.)

Change it
  widget.json  its name and size when it's added
  fields.json  the settings people can change without code
  style.css    the look (plates, bubbles, badges, animations)
  script.js    what it does (builds each message, picks the badges)
  art/         the badges and faces (SVG: edit them in Inkscape, or in any text editor)
After changing a file, refresh the overlay in OBS (right-click it -> Refresh).

The tutorial that builds it, step by step: https://beta.jayconius.com/build-widgets
Free to use and change for your streams.
